<template>
  <div class="home">
    <!-- 头部组件 -->
    <!-- <MyHomeTop></MyHomeTop> -->
    <!-- 电影列表组件 -->
    <!-- <MyMovies></MyMovies> -->
    <router-view></router-view>
    <!-- 底部组件 -->
    <MyFooter></MyFooter>
  </div>
</template>

<script>
// import MyHomeTop from "../components/Home/MyHomeTop.vue";
// import MyMovies from "../components/Home/MyMovies.vue";
import MyFooter from "../components/Commons/MyFooter.vue";

export default {
  name: "Home",
  components: {
    // MyHomeTop,
    // MyMovies,
    MyFooter,
  },
};
</script>

<style lang="less" scoped>
// scoped表示作用域，加上表示这个组件的样式，不会影响到其他组件
</style>
